<template>
  <div>
    <ul>
      <li v-if="!todos">无数据</li>
      <template v-else>
        <li v-for="item in todos" :key="item.id">{{ item.title }}</li>
      </template>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      todos: null
    }
  },
  async mounted() {
    let ret = await this.$get('/api/todos')
    this.todos = ret
  }
}
</script>

<style lang="scss" scoped>
</style>